<!--%import("./css/ideation.css")-->

<!-- ideationBanner -->
<div class="ideationBanner">
    <div class="topicContainer">
        <!--@foreach($widget_info->list as $key => $val)-->
        <dl id="topic{$key+1}" <!--@if($key==0)-->class="show"<!--@end-->>
            <dt><em><span>{$val->sub_title}</span></em>{$val->title}</dt>
            <dd>
                <p>{nl2br($val->description)}</p>
                <a href="{$val->url}">{$val->url_title}</a>
            </dd>
        </dl>
        <!--@end-->
    </div>
    <ul id="ideationNavigation" class="ideationNavigation topic1">
        <!-- class = topic1 | topic2 | topic3 -->
        <!--@foreach($widget_info->list as $key => $val)-->
        <li class="nav{$key+1}"><a href="#" onclick="jQuery('#ideationNavigation').attr('class','ideationNavigation topic{$key+1}');jQuery('dl.show').removeClass('show');jQuery('#topic{$key+1}').addClass('show');return false;"><span>0{$key+1}</span></a></li>
        <!--@end-->
    </ul>
</div>
<!-- /ideationBanner -->

